<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>海码课堂</title>
	<link rel="shortcut icon" href="img/hm_favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="font/iconfont.css">
	<link rel="stylesheet" href="less/style.css">
</head>

<body>
	<div id="pc">
		<header>
			<div class="container hd-con">
				<div class="left">
					<img src="img/home.png" alt="">
					<a href="">海码官网</a>
					<a href="">登录</a>
					<span>&nbsp;|&nbsp;</span>
					<a href="">注册</a>
				</div>
				<div class="right">
					<a href="">代理加盟</a>
					<span>|</span>
					<a href="">个人中心</a>
					<span>|</span>
					<p>
						在线客服&nbsp;
						<img src="img/tel.png" alt="" srcset="">
						<span>400-096-2766</span>
					</p>
				</div>
			</div>
		</header>
		<nav>
			<div class="container nav-con">
				<img src="img/logo.png" alt="">
				<div class="search-input">
					<div class="search">
						<i class="iconfont icon-sousuo"></i><span>|</span>
						<div>
							<input type="text" name="" id="input" placeholder="请输入搜索内容">
						</div>
					</div>
					<button type="button" class="btn">
						<span>搜索</span>
					</button>
					<div class="cart">
						<img src="img/shopping.png" alt="">
						<span>我的购物车</span>
					</div>
				</div>
			</div>
		</nav>
		<section>
			<i class="iconfont icon-i"></i>
			<span>搜索内容不能为空</span>
		</section>
		<main>
			<div class="container main-con1">
				<video src="img/海码课堂.mp4" muted="muted" playsinline="true" autoplay="autoplay"></video>
				<div class="message">
					<div class="flex">
						<a href="">
							<img src="img/default-avatar.png" alt="">
						</a>
						<a href="">登录</a>
						<a href="">注册</a>
					</div>
					<div class="me-nav">
						<ul>
							<li>
								<a href="">
									<img src="img/o-index02.png" alt="">
									学习卡激活
								</a>
							</li>
							<li>
								<a href="">
									<img src="img/o-index03.png" alt="">
									已购买课程
								</a>
							</li>
							<li>
								<a href="">
									<img src="img/o-index04.png" alt="">
									学习记录
								</a>
							</li>
							<li>
								<a href="">
									<img src="img/o-index05.png" alt="">
									收藏课程
								</a>
							</li>
							<li>
								<a href="">
									<img src="img/o-index06.png" alt="">
									券包
								</a>
							</li>
							<li>
								<a href="">
									<img src="img/more_home.png" alt="">
									更多
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container main-con2">
				<ul>
					<li>
						<a href="">
							<img src="img/5c528d33356c4.png" alt="">
							<div class="con2">
								<div class="courses">
									<span class="con2-ft">
										优惠热销
									</span>
									<img src="img/sell.png" alt="" class="course_icon">
								</div>
								<p class="p-ft">
									心动不如行动，海码课堂隆重推出热销优惠课程，将初中学段的物理、化学课程进行精确组合，享受更多组合，更多优惠！
								</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/5c528d3335390.png" alt="">
							<div class="con2">
								<div class="courses">
									<span class="con2-ft">
										精选课程
									</span>
									<img src="img/select.png" alt="" class="course_icon">
								</div>
								<p class="p-ft">
									精品课程中包含了初中物理、化学自主学习课程和实验演示课程、将课本知识点进行细致的拆分和精细的解读。
								</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/5c528d33358e1.png" alt="">
							<div class="con2">
								<div class="courses">
									<span class="con2-ft">
										免费课程
									</span>
									<img src="img/free.png" alt="" class="course_icon">
								</div>
								<p class="p-ft">
									精心挑选热播课程做为免费课程功学生们观看、学习，并不定期的更新开放的免费课程！
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="container con-title">
				<div class="course_study">
					<h3 class="h3-ft">课程学习</h3>
					<span class="sp-ft">
						课程&nbsp;/&nbsp;例题&nbsp;/&nbsp;习题
					</span>
				</div>
				<span>
					<a href="#/allClass" class="a-ft">
						更多课程&gt;&gt;
					</a>
				</span>
			</div>
			<div class="container main-con2 main-con3">
				<ul>
					<li>
						<a href="">
							<img src="img/5d4d42c992d86.png" alt="">
							<div class="con2">
								<div class="courses">
									<span class="con2-ft">
										———— 自主学习 ————
									</span>
								</div>
								<p class="p-ft">
									由百位名师五年匠心打造，专业三维动画团队精心制作，将一堂课程的知识点，浓缩为五分钟左右的三维教学视频，清晰地展现了宏观现象和微观原理，让孩子们五分钟学懂一堂课。
								</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/5d4d43bcc9245.png" alt="">
							<div class="con2">
								<div class="courses">
									<span class="con2-ft">
										———— 例题解析 ————
									</span>
								</div>
								<p class="p-ft">
									精选初中物理经典例题，运用三维动画制作技术，清晰展现多种解题的逻辑思考过程，以及解题过程中的易错分析，提高学生的逻辑思考能力，以达到举一反三，提高成绩的目的。
								</p>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/5d4d42c992e5a.png" alt="">
							<div class="con2">
								<div class="courses">
									<span class="con2-ft">
										———— 实验演示 ————
									</span>
								</div>
								<p class="p-ft">
									参照课程课标要求，用三维动画的展现方式，清晰的展示了实验原理，实验步骤，实验过程，实验现象。同时课程中加入了实验原理的微观解释，从而加深了孩子们对实验课的兴趣和理解。
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="container con-title">
				<div class="course_study">
					<h3 class="h3-ft">
						海码新闻
					</h3>
				</div>

				<span>
					<a href="#/index" class="a-ft">
						进入官网&gt;&gt;
					</a>
				</span>
			</div>
			<div class="container news">
				<img src="img/news-banner.png" alt="" class="newsBanner">
				<div class="newsLists">
					<div class="news-box">
						<a href="#/act_details/130/nid/6" class="newsList">
							<img src="img/5df85d8dd8f14.png" alt="">
							<div class="newsText">
								<h3 class="h3-ft">
									携手共建“三维微视频教学全国示范基地”
								</h3>
								<div class="box-ft">
									2019年12月，天津师范大学物理与材料科学学院与海码课堂在天津师...[详细]
									<span class="newsTime">2019-12-17</span>
								</div>
							</div>
						</a>
					</div>
					<div class="news-box">
						<a href="#/act_details/129/nid/6" class="newsList">
							<img src="img/5d54fcad9c4c8.png" alt="">
							<div class="newsText">
								<h3 class="h3-ft">
									海码课堂邀您亲临2019苏州第五届泛亚联盟国际教育展
								</h3>
								<div class="box-ft">
									“泛亚联盟国际教育展”（TAEE）是由泛亚联盟教育集团倾心打造的一...[详细]
									<span class="newsTime">2019-08-15</span>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</main>
		<footer>
			<div class="container">
				<div class="footer-nav">
					<div class="contact">
						<div>
							<img src="img/tel.png" alt="">
							<span>全国服务热线</span>
							<div class="box-ft">400-096-2766</div>
						</div>
						<p class="p-ft">
							客服邮箱：4000962766@hmketang.com
						</p>
						<p class="p-ft">网址：www.hmketang.com</p>
						<p class="p-ft">
							地址：北京市海淀区唐家岭路弘祥1989文化产业园9幢9113室
						</p>
					</div>
				</div>
				<div class="footer-box">
					<ul>
						<li>
							<a href="#" class="">
								在线教育
							</a>
						</li>
						<li>
							<a href="#/hmProduct" class="">
								海码产品
							</a>
						</li>
						<li>
							<a href="#/applyAgency" class="">
								代理加盟
							</a>
						</li>
						<li>
							<a href="#/privacyPolicy" class="">
								隐私政策
							</a>
						</li>
					</ul>
					<ul>
						<li>
							<a href="#/index" class="">
								海码官网
							</a>
						</li>
						<li>
							<a href="#/hmNews/6" class="">
								海码资讯
							</a>
						</li>
						<li>
							<a href="#/hmNews/5" class="">
								海码公益
							</a>
						</li>
					</ul>
					<ul>
						<li>
							<a href="#/about_us" class="">
								关于海码
							</a>
						</li>
						<li>
							<a href="#/contactUs" class="">
								联系我们
							</a>
						</li>
						<li>
							<a href="#/user" class="">
								个人中心
							</a>
						</li>
					</ul>
				</div>
				<div class="code">
					<div class="code-box">
						<img src="img/wx-code.jpg" alt="">
						<p class="p-ft">
							海码课堂小程序
						</p>
					</div>
					<div class="code-box">
						<img src="img/code.png" alt="">
						<p class="p-ft">
							海码课堂公众号
						</p>
					</div>
					<div class="code-box">
						<img src="img/app-code.png" alt="">
						<p class="p-ft">
							海码课堂APP
						</p>
					</div>
				</div>
			</div>
			<div class="footer-serial">
				<span>经营许可证编号：京ICP备14050434号-2</span>
			</div>
		</footer>
	</div>
	<script src="jquery.min.js"></script>
	<script src="js/海码.js"></script>
</body>

</html>